<template>
  <div class="app">
      <Header/>
    


    <div class="containr">
      <p>中国福利彩票七乐彩游戏（以下称“七乐彩”）由中国福利彩票发行管理中心统一组织发行，均在中国福利彩票发行管理中心在各省福利彩票销售机构网点出票。</p>
      <p>
        详情可参考官方规则
        <br />http://www.cwl.gov.cn/c/2017-11-15/418902.shtml
      </p>
      <ul>
        <li>
          <h3>开奖时间</h3>
          <p>每周一、三、五21:15开奖</p>
        </li>
        <li>
          <h3>玩法规则</h3>
          <p>
            30个号选7个=1注（2元），每期开出
            <span style="color:#e53333">7个基本号码</span>
            和
            <span style="color:#337fe5">1个特别号码</span>
          </p>
        </li>
        <li>
          <h3>奖项设置</h3>
          <table>
            <thead>
              <tr>
                <th class="first">奖级</th>
                <th class="second">中奖说明</th>
                <th class="threed">奖金</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>一等奖</td>
                <td>中7基</td>
                <td>浮动</td>
              </tr>
              <tr>
                <td>二等奖</td>
                <td>中6基+1特</td>
                <td>浮动</td>
              </tr>
              <tr>
                <td>三等奖</td>
                <td>中6基</td>
                <td>浮动</td>
              </tr>
              <tr>
                <td>四等奖</td>
                <td>中5基+1特</td>
                <td>200元</td>
              </tr>
              <tr>
                <td>五等奖</td>
                <td>中5基</td>
                <td>50元</td>
              </tr>
              <tr>
                <td>六等奖</td>
                <td>中4基+1特</td>
                <td>10元</td>
              </tr>
              <tr>
                <td>七等奖</td>
                <td>中4基</td>
                <td>5元</td>
              </tr>
            </tbody>
          </table>
        </li>
        <li>
          <p>特别号码说明：</p>
          <br />
          <p>摇奖时先摇出7个号码作为基本号码，再摇出1个号码作为特别号码。特别号码仅做二、四、六等奖使用，只要跟您买的7个号中的任意1个号相符，就算中特别号。</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Header from '../../components/playshowHeader'
export default {
  name: "palyshow",
  data() {
    return {};
  },
  methods: {
    handback() {
      this.$router.back(-1);
    },
    handgoHome() {
      this.$router.push("/home");
    }
  },
   components:{
    Header
  }
};
</script>

<style scoped>
.app{
  height: 100%;
    background: #f5f5f5;
}

.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 0.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #333;
  justify-content: center;
}
.leftImg {
  position: absolute;
  left: 0.2rem;
  width: 0.15rem;
  height: 0.15rem;
}
.RightImg {
  position: absolute;
  right: 0.2rem;
  width: 0.2rem;
   height: .2rem;
}

.containr {
  /* height: 100%; */
  position: absolute;
  font-size: 0.14rem;
  line-height: 1.56;
  top: 0.4rem;
  width: 100%;
  background: #f5f5f5;
  padding: 0.15rem;
  box-sizing: border-box;
}
i {
  font-style: normal;
  font-size: 0.2rem;
}
h1 {
  font-size: 0.3rem;
  padding: 0.1rem 0;
}
.containr ul li {
  padding: 0.1rem 0;
  font-size: 0.14rem;
}
.containr ul li h3 {
  margin: 0.1rem 0;
}
table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  border: 1px solid rgb(0, 0, 0);
}
th {
  border: 1px solid rgb(0, 0, 0);
  background: #cccccc;
}
td {
  border: 1px solid rgb(0, 0, 0);
}
.first {
  width: 0.8rem;
}
.second {
  width: 1.2rem;
}
.threed {
  width: 0.9rem;
}
</style>